:host ::ng-deep .ant-form .CodeMirror {
    width: inherit;
}

.file-upload-span {
    display: none;
}

:host ::ng-deep .CodeMirror.CodeMirror-wrap {
    width: 100%;
}

.btn-line {
    margin-bottom: 0.15rem;
}

.btn-line .ant-btn {
    margin-right: 0.10rem;
}

.file-upload-input {
    position: relative;
    top: -0.01rem;
    width: 4.00rem;
    margin-right: 0.10rem;
}

pre {
    background-color: #fbfbfb;
    border: none;
}

.invoke-success {
    color: #00a854 !important;
}

.invoke-failed {
    color: #f04134 !important;
}

.invoke-log {
    height: 1.50rem;
}

.flex-container {
    display: flex;
    display: -webkit-flex;
}

.flex-span {
    align-items: stretch;
}

.return-msg-height {
    height: 1.50rem;
}

::ng-deep.nzi-ide-center {
    width: unset!important;
    margin-right: 0;
}

:host ::ng-deep.ant-tabs-nav-scroll {
    height: unset!important;
    background: unset!important;
    border-bottom: unset!important;
}

::ng-deep.nzi-ide-code {
    margin-right: 0.05rem;
}

:host ::ng-deep.as-split-area {
    overflow-y: hidden!important;
}

::ng-deep.tab-top-border .ant-tabs-bar {
    padding-left: 0;
}

.has-error {
    color: #f04134;
}

.select-width {
    width: 1.50rem;
}

.my-code-editor {
    height: 4.64rem;
}

.nzSpan-padding {
    padding-left: 0!important;
}

::ng-deep.editor-margin {
    padding-left: 0!important;
}

::ng-deep div[ng-reflect-nz-span='18'] {
    padding-right: 0!important;
}

::ng-deep div[role="tablist"] {
    border-bottom: 0;
}

::ng-deep #nzi-ide.tab-top-border .ant-tabs-bar {
    border: 0;
}

::ng-deep.ant-tabs-nav .ant-tabs-tab-active {
    background-color: #fff!important;
    border-color: #e8e8e8!important;
    border-bottom-color: #fff!important;
}

::ng-deep#nzi-ide ngx-monaco-editor {
    border-top: 0!important;
}


/* 代码执行区域特有样式 Start */

.tab-page {
    height: 100%;
    margin-bottom: 0.20rem;
    /* unify the height of two div */
}

.covered-form {
    position: relative;
    float: left;
    width: 40%;
    height: 100%;
    display: inline-block;
    border: 0.01rem solid #d9d9d9;
    border-right: none;
}

.covered-form-content {
    padding: 0.15rem;
}

.covering-result {
    position: relative;
    float: left;
    width: 60%;
    height: 100%;
    display: inline-block;
    border: 0.01rem solid #d9d9d9;
}

.cover-icon {
    position: absolute;
    left: -0.16rem;
    top: 0.07rem;
    border: none;
    color: #fff;
    background-color: #d9d9d9;
    z-index: 1000;
    width: 0.16rem;
}

.cover-icon:focus {
    outline: 0;
}

.cover-icon.ant-btn:not(.ant-btn-circle):not(.ant-btn-circle-outline).ant-btn-icon-only {
    padding: 0 0.02rem;
}

.cover-icon.ant-btn {
    padding: 0 0.02rem;
}

.after-cover {
    left: -0.01rem;
}

.hide {
    display: none;
}

.cover {
    width: 100%;
}

.cover .sub-area-title {
    padding-left: 0.25rem;
}

.sub-area-title {
    padding: 0.11rem 0.15rem;
    width: 100%;
    border-bottom: 0.01rem solid #d9d9d9;
    font-size: 0.14rem;
    font-weight: 700;
}

.add-action .anticon-plus-square {
    margin-right: 0.05rem;
    cursor: pointer;
    font-size: 0.28rem;
    color: #40a9ff;
}

.vertical-interval {
    margin-bottom: 0.18rem;
}

.ant-form .ant-form-item-label {
    width: 0.90rem;
}

.ant-form nz-form-control {
    padding-left: 1.00rem;
}

.label-select {
    width: 35%;
    margin-right: 0.08rem;
}

.label-input {
    width: 25%;
    margin-right: 0.08rem;
}

.input-number-line-select {
    width: 25%;
    margin-right: 0.08rem;
    position: relative;
    top: 0;
}

:host ::ng-deep .ant-calendar-picker {
    width: 100% !important;
}

:host ::ng-deep.nzi-ide-code div[role="notab"]{
  background-color:#fff!important;
  border:0.01rem solid #d9d9d9;
}

/* 代码执行区域特有样式 End */
